<template>
  <div class="wrapper">
    <div class="topDiv">
      <img src="../../../../assets/1first/1推荐/lunbo_xunli.png" alt="">
    </div>
    <div class="bottomDiv">
      <div>
        <div class="jinse">
          <img src="../../../../assets/1first/1推荐/kouhongjinse.png" alt="">
        </div>
        <p class="name">不易脱妆口红</p>
        <p class="price">¥59</p>
      </div>
      <div>
        <div class="huarui">
          <img src="../../../../assets/1first/1推荐/hualeichuncai.png" alt="">
        </div>
        <p class="name">花蕊唇彩</p>
        <p class="price">¥129</p>
      </div>
      <div>
        <div class="pink">
          <img src="../../../../assets/1first/1推荐/jiaochuankouhong.png" alt="">
        </div>
        <p class="name">娇吻玉口红</p>
        <p class="price">¥88</p>
      </div>
    </div>
  </div>
</template>
<script>
</script>
<style scoped>
  .wrapper{
    width: 100%;
    margin-bottom: 0.51rem;
  }
  .topDiv>img{
    width: 100%;
  }
  .bottomDiv{
    display: flex;
    background: #fff;
    padding: 0.44rem;
  }
  .bottomDiv>div{
    flex: 1;
    text-align: center;
  }
  .jinse img{
    width: 1.67rem;
  }
  .huarui{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
  }
  .huarui img{
    width: 1.53rem;
  }
  .pink img{
    width: 2.11rem;
  }
  .name{
    padding: 0.44rem 0;
    font-size: 0.53rem;
  }
  .price{
    font-size: 0.53rem;
    color: #e83d41;
  }
</style>
